<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/productlist_roll.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			/*小轮播图*/
			*{margin: 0;padding: 0;}
			li{list-style: none;}
.alunbo{
	width: 1099px;height: 254px;padding: 0 33px;position: relative;
}
.con_left{
	background-image: url(img/lunbo_left.png);background-repeat: no-repeat;position:absolute;top: 70px;left: 0px;height: 63px;width: 33px;
}
.con_right{
	background-image: url(img/lunbo_right.png);position:absolute;top: 70px;height: 63px;width: 33px;right: 0px;
}
.alunbo li{
	padding-right: 57px;width: 228px;height: 236px;float: left;
}
.alunbo a{
	width: 228px;height: 206px;padding: 6px;border: 1px solid #d8d6d6;display: inline-block;font: 14px/15px "微软雅黑";color: #777777;
}
.pleft{
	width: 192px;overflow: hidden;text-overflow: ellipsis;line-height: 44px;float: left;
	height: 44px;
}
.pright{
	width: 34px;line-height: 44px;float: right;height: 44px;
}
		</style>
	</head>
	<body>
		<div class="alunbo">
					<div class="con_left"id="btn_l"></div>
					<div class="con_right"id="btn_r"></div>
					<ul id="product_scroll">
						<li class="pic">
							<a href="#">
								<img src="img/tj1.png" style="width: 228px;height: 150px;"/>
								<p class="pleft">给孩子制定规则.doc</p>
								<p class="pright"><img src="img/dianzan.png"/>22</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/tj2.png" style="width: 228px;height: 150px;"/>
								<p class="pleft"> 天净沙-秋思-语文… .doc</p>
								<p class="pright"><img src="img/dianzan.png"/>88</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/tj3.png" style="width: 228px;height: 150px;"/>
								<p class="pleft">孩子沉迷网络怎么办.doc</p>
								<p class="pright"><img src="img/dianzan.png"/>62</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/tj4.png" style="width: 228px;height: 150px;"/>
								<p class="pleft">给孩子制定规则.doc</p>
								<p class="pright"><img src="img/dianzan.png"/>20</p>
							</a>
						</li>
					</ul>
				</div>
				 <script>
            <!--//--><![CDATA[//><!--
            var scrollPic_03 = new ScrollPic();
            scrollPic_03.scrollContId   = "product_scroll"; //内容容器ID
            scrollPic_03.arrLeftId      = "btn_l";//左箭头ID
            scrollPic_03.arrRightId     = "btn_r"; //右箭头ID

            scrollPic_03.frameWidth     =1100;//显示框宽度
            scrollPic_03.pageWidth      = 200; //翻页宽度

            scrollPic_03.speed          = 10; //移动速度(单位毫秒，越小越快)
            scrollPic_03.space          = 10; //每次移动像素(单位px，越大越快)
            scrollPic_03.autoPlay       = true; //自动播放
            scrollPic_03.autoPlayTime   = 3; //自动播放间隔时间(秒)

            scrollPic_03.initialize(); //初始化
                          
                //--><!]]>
          </script>
	</body>
</html>
